<%-- 
    Document   : newRound
    Created on : 14/04/2012, 09:52:58 PM
    Author     : John
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="Controller.Acceso.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Inicio :: YoTeLlevo.com</title>
        
         <link rel="stylesheet" type="text/css" href="public/bootstrap/css/bootstrap-responsive.css" />
         <link rel="stylesheet" type="text/css" href="public/bootstrap/css/bootstrap.css" />
         <link rel="stylesheet" type="text/css" href="public/css/appStyle.css" />
         
         <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script>
        <script type="text/javascript">
            
</script>
         
         
          <script type="text/javascript" src="public/js/jquery.min.js"></script>
         <script type="text/javascript" src="public/js/jquery_ui.js"></script>
         <script type="text/javascript" src="public/js/jquery.validate.js"></script>
         <script type="text/javascript" src="public/js/newround.js"></script>

    </head>
    <body>
        
      <div class="navbar navbar-top">
                <div class="navbar-inner">
                 <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                   
                    </a>
                    <a class="brand" href="home.jsp">YoTeLlevo.Com</a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li><a href="ListOwnerRounds">Mis Rutas</a></li>
                            <li><a href="#">Salir</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                 </div>
                </div>
     </div>

        <div class="container">

      <div id="DivRoundForm" class="" style="">
          
          <div id="newRoundFormWrapper" title="Registro de Usuarios" class="span4">
              
           <h1>Nueva Ronda</h1>
           <br><br>
           <form id="newRound" > 
               <input type="text" id="route" style="display:none;" name="route"/>
           <table>
               <tr>
                   <td><label>Origen:</label></td>
                   <td><input type="text" name="origin" id="origin"></td>
               </tr>
               <tr>
                  <td><label>Destino</label></td>
                   <td><input type="text" name="destiny" id="destiny"></td>
               </tr>
               <tr>
                   <td><label>Horario:</label></td>
                   <td><input type="text" name="schedule" id="schedule"></td>
               </tr>
               <tr>
                   <td><label>Costo:</label></td>
                   <td><input type="text" name="quota" id="quota"></td>
               </tr>
               <tr>
                   <td>Días:</td>
                   <td colspan="3">
                       <table>
                           <tr>
                               <td><input type="checkbox" name="days[]" value="mon"> Lunes</td>
                               <td><input type="checkbox" name="days[]" value="tue"> Martes </td>
                               <td><input type="checkbox" name="days[]" value="wed"> Miércoles</td>
                           </tr>
                           <tr>
                               <td> <input type="checkbox" name="days[]" value="thu"> Jueves </td>
                               <td>  <input type="checkbox" name="days[]" value="fri"> Viernes </td>
                               <td>  <input type="checkbox" name="days[]" value="sat"> Sábado</td>
                           </tr>
                           <tr>
                               <td><input type="checkbox" name="days[]" value="sun"> Domingo</td>
                               <td></td>
                               <td></td>
                           </tr>
                       </table>
                       
                       
                   </td>
               </tr>
               <tr>
                   <td><label>Num. Pasajeros:</label></td>
                   <td><input type="text" name="capacity" id="capacity"></td>
               </tr>
               <tr>
                   <td><label>Comentarios:</label></td>
                   <td><textarea name="comment" id="comment"></textarea></td>
               </tr>
               <tr>
                   <td></td>
                   <td><input type="submit" value="Crear Ronda"></td>
               </tr>
           </table>
          </form>
      </div><!-- End Of newRoundFormWrapper-->
          
      <div class="span7" style="height: 400px;">
        <div style="height: 380px;width:100%;" id="map_canvas">
        </div>
         <br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=M%C3%A9rida,+YUC,+M%C3%A9xico&amp;aq=0&amp;oq=Merida&amp;sll=37.0625,-95.677068&amp;sspn=40.59616,79.013672&amp;t=h&amp;ie=UTF8&amp;hq=&amp;hnear=M%C3%A9rida,+Yucat%C3%A1n,+M%C3%A9xico&amp;ll=20.97,-89.62&amp;spn=0.046885,0.077162&amp;z=14" style="color:#0000FF;float:right;">Ver mapa más grande</a></small>          
       
          <div style="text-align: center;">
              <br/>
              Cree el mapa de su ronda, es fácil y rápido.<br>
              <a href="home.jsp">¿No sabe como hacerlo?</a>
          </div>
      </div>
          
      </div><!-- End Of DivRoundForm-->
      
     <div class="span12" >
      <hr>    
      <footer>
      <p> <center>&copy; Administración de Proyectos II | 2012 | Equipo Azul | Facultad de Matemáticas</center></p>
      
      </footer>
      </div>    
    </div> <!-- /container -->
        
    </body>
</html>
